<!--<link rel="stylesheet" type="text/css" href="default/easyui_o.css">
    
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    <script type="text/javascript" src="panels/jquery.portal.js"></script> -->
    
<script>
	$(function(){
		$('#pp').portal({
			border:false,
			fit:false
		});
		//add();
	});
	/* function add(){
		for(var i=0; i<3; i++){
			var p = $('<div/>').appendTo('body');
			p.panel({
				title:'Title'+i,
				content:'<div style="padding:5px;">Content'+(i+1)+'</div>',
				height:250,
				closable:true,
				collapsible:true
			});
			$('#pp').portal('add', {
				panel:p,
				columnIndex:i
			});
		}
		$('#pp').portal('resize');
	}
	function remove(){
		$('#pp').portal('remove',$('#pgrid'));
		$('#pp').portal('resize');
	} */
</script>

<div id="pp" style="position:relative;">
	<div style="width:33%;">
		<div title="Clock" style="text-align:center;height:250px;padding:5px;">
		</div>
		
	    <div title="Tutorials" collapsible="true" closable="true" style="height:250px;padding:5px;">
	    </div>
	    
		<div title="Tutorials" collapsible="true" closable="true" style="height:250px;padding:5px;">
	    </div>
	    
		<div title="Tutorials" collapsible="true" closable="true" style="height:250px;padding:5px;">
	    </div>
	    
		<div title="Tutorials" collapsible="true" closable="true" style="height:250px;padding:5px;">
	    </div>
	</div>
	<div style="width:33%;">
		<div id="pgrid" title="DataGrid" closable="true" style="height:250px;">
		</div>
		
		<div id="pgrid" title="DataGrid" closable="true" style="height:250px;">
		</div>
		
		<div id="pgrid" title="DataGrid" closable="true" style="height:250px;">
		</div>
		
		<div id="pgrid" title="DataGrid" closable="true" style="height:250px;">
		</div>
		
		<div id="pgrid" title="DataGrid" closable="true" style="height:250px;">
		</div>
	</div>
	
	<div style="width:34%;">
		<div title="Searching" iconCls="icon-search" closable="true" style="height:250px;padding:10px;">
		</div>
		
		<div title="Graph" closable="true" style="height:250px;text-align:center;">
		</div>
		
		<div title="Graph" closable="true" style="height:250px;text-align:center;">
		</div>
		
		<div title="Tutorials" collapsible="true" closable="true" style="height:250px;padding:5px;">
        </div>
        
        <div title="Tutorials" collapsible="true" closable="true" style="height:250px;padding:5px;">
        </div>

	</div>
</div>
